<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数据可视化项目</title>
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../fonts/icomoon.css">
</head>
<body>
  <div class="box">
      <!-- 左侧 -->
  <div class="zuo">
    <!-- 输入框区域 -->
    <div class="text">
      姓名 <input type="text" placeholder="请输入姓名:" style="border:none" class="uname">
      评分 <input type="number" placeholder="请输入评分:" style="border:none" class="score">
      薪资 <input type="number" min=0 placeholder="请输入薪资:" style="border:none" class="money">
      <button class="tianjia">添加</button>
  </div>
    <div id="table_wrap">
      <table class="table" width="800" cellspacing="0" cellpadding="0">
          <thead class="table_head">
            <tr>
              <th>姓名</th>
              <th>评分</th>
              <th>薪资</th>
            </tr>
          </thead>
          <tbody>
            <!-- <tr>
              <td>gxy</td>
              <td>89</td>
              <td>13000</td>
            </tr>
            <tr>
              <td>pink老师</td>
              <td>50</td>
              <td>15000</td>
            </tr>
            <tr>
              <td>laogou</td>
              <td>80</td>
              <td>20000</td>
            </tr> -->
          </tbody>
      </table>
  </div>
  </div>
  <!-- 右侧 -->
  <div class="you">
    <h3>评分</h3>
        <div class="line"></div>
        <h3>薪资</h3>
        <div class="bar"></div>
      </div>
  </div>
  </div>

  <script src="../js/echarts.min.js"></script>
  <script src="../js/jquery-3.6.0/jquery-3.6.0.js"></script>
  <script src="../js/index.js"></script>
</body>
</html>